<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="bootstrap/css/bootstrap.css">
    <script type="text/javascript">
        var i=document.getElementsByName("we").length;//这个地方是0  因为整个网页还没有加载成功，document获取不到dom信息，所以是0
        console.log(i);

    </script>
</head>
<body>
<div class="container-fluid" id="div1">
    <input type="submit"name="we">12
    <input type="text"name="we">
    <input type="text"name="we">
    <input type="text"name="we">
    <input type="text" name="passname" id="password">
</div>

<script type="text/javascript">
    var i=document.getElementsByName("we").length;//整个网页加载成功以后，才会有dom结构。
    console.log("getElementsByName=="+i);
    var j=document.getElementsByTagName("input").length;
    console.log("getElementsByTagName=="+j);
    var pass=document.getElementById("password");
    console.log(pass.getAttribute("name")+"==getAttribute")
    pass.setAttribute("disabled","disabled");//set一个key-value   实质上增加一个属性。
    pass.innerHTML="password in innerHtml"
//
    var a=document.getElementById("div1");
    console.log(a.childNodes[0]);
    console.log(a.childNodes.length+"==childNodes的长度");//11 是因为input中type  name都是节点（元素节点）


</script>

<script type="text/javascript" src="bootstrap/jquery-3.1.0.min.js"></script>
<script type="text/javascript" src="bootstrap/js/bootstrap.js"></script>
</body>
</html>